<div id="box">
    <link href='http://fonts.googleapis.com/css?family=Molle:400italic|Stalinist+One&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
    <style>
        h1 { font-family: 'Stalinist One', 'Molle', cursive, 'Metrophobic'’, Arial, serif; font-weight: 400; }
    </style>
    <h1>MaisCMS Login</h1>
    <form>
        <input type="text" id="username" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'{username}':this.value;" value="{username}" />
        <input type="password" id="password" value="">
        <input type="checkbox" id="remember" value="Remember" />
        <div class="hover-opacity"><label for="remember">{remember}</label></div>
        <input type="button" id="logar" name="" value="Logar" />
    </form>
</div>
<a href="#" class="forgot">{forgot}</a>